function showPage(pageId) {
	// 隐藏所有页面
	document.querySelectorAll('.page').forEach(function(page) {
		page.style.display = 'none';
	});

	// 显示目标页面
	document.getElementById(pageId).style.display = 'block';
}

// 初始加载页面
window.onload = function() {
	// 根据当前 hash 值显示对应页面
	var hash = window.location.hash;
	if (hash === '#option1') {
		showPage('option1');
	} else if (hash === '#option2') {
		showPage('option2');
	} else if (hash === '#option3') {
		showPage('option3');
	} else if (hash === '#option3/a') {
		showPage('option3/a');
	} else if (hash === '#option3/b') {
		showPage('option3/b');
	} else if (hash === '#option3/c') {
		showPage('option3/c');
	} else if (hash === '#option3/d') {
		showPage('option3/d');
	} else if (hash === '#option3/e') {
		showPage('option3/e');
	} else if (hash === '#option3/g') {
		showPage('option3/g');
	} else if (hash === '#option3/h') {
		showPage('option3/h');
	} else if (hash === '#option4') {
		showPage('option4');
	} else {
		showPage('home');
	}
};

// 监听 hash 变化
window.onhashchange = function() {

	var hash = window.location.hash;
	if (hash === '#option1') {
		showPage('option1');
	} else if (hash === '#option2') {
		showPage('option2');
	} else if (hash === '#option3') {
		showPage('option3');
	} else if (hash === '#option3/a') {
		showPage('option3/a');
	} else if (hash === '#option3/b') {
		showPage('option3/b');
	} else if (hash === '#option3/c') {
		showPage('option3/c');
	} else if (hash === '#option3/d') {
		showPage('option3/d');
	} else if (hash === '#option3/e') {
		showPage('option3/e');
	} else if (hash === '#option3/f') {
		showPage('option3/f');
	} else if (hash === '#option3/g') {
		showPage('option3/g');
	} else if (hash === '#option3/h') {
		showPage('option3/h');
	} else if (hash === '#option4') {
		showPage('option4');
	} else {
		showPage('home');
	}
}; 


